*{
    padding: 0;
    margin: auto;
}
.one{
    width: 1887px;
    height: 8569px;
}
.cbgn{
    width:  80px;
    height: 495px;
    background: white;
    border-radius: 50px;
    position: fixed;
    margin-left: 1780px;
    margin-top: 300px;
    border: 1px solid #e8e4e4;
}
.cbgn1{
    width: 80px;
    height: 70px;
    background: white;
    float: left;
    margin-top: 35px;
}
.cbgn2{
    width: 80px;
    height: 70px;
    background: white;
    float: left;
    margin-top: 18px;
}
.cbgn3{
    width: 80px;
    height: 70px;
    background: white;
    float: left;
    margin-top: 18px;
}
.cbgn4{
    width: 80px;
    height: 70px;
    background: white;
    float: left;
    margin-top: 20px;
}
.cbgn5{
    width: 80px;
    height: 70px;
    background: white;
    float: left;
    margin-top: 20px;
}
.fhdb{
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50px;
    position: fixed;
    margin-left: 1780px;
    margin-top: 800px;
    border: 1px solid #e8e4e4;
}
.cbgn51{
    width: 322px;
    height: 100px;
   
   margin-top: 35px;
}
.cbgn52{
    width: 322px;
    height: 30px;
position: relative;
   margin-top: 45px;
}

/* 弹出框动画效果 */
.popup-animation {
    animation: slideInFromRight 0.4s ease-out;
    transform-origin: right center;
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* 为不同类型的弹出框添加动画 */
.popup-b {
    animation: slideInFromRight 0.4s ease-out;
}

.popup-b1 {
    animation: slideInFromRight 0.4s ease-out;
}

.popup-b2 {
    animation: slideInFromRight 0.4s ease-out;
}

.popup-jj {
    animation: slideInFromRight 0.4s ease-out;
}


.two{
    width: 1605px;
    height: 415px;

    margin-left: 150px;
    margin-top: 30px;
}
.three{
    width: 1534px;
    height: 177px;
    /* background: pink; */
    margin-left: 185px;
    margin-top: 20px;
}
.four{
    width: 1534px;
    height: 585px;
    /* background: pink; */
    margin-left: 185px;
    margin-top: 20px;
}
.five{
    width: 1534px;
    height: 585px;
    /* background: pink; */
    margin-left: 185px;
    margin-top: 20px;
}
.six{
    width: 1534px;
    height: 594px;
    /* background: pink; */
    margin-left: 185px;
    margin-top: 20px;
}

/* 文字拖拽切换动画 */
.slide-out-up {
    animation: slideOutUp 0.3s ease-in-out;
}

.slide-out-down {
    animation: slideOutDown 0.3s ease-in-out;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

/* h3悬停高亮效果 */
.two1 h3:hover {
    color: #ff993a !important;
    cursor: pointer;
    transition: color 0.3s ease;
}
.seven{
    width: 1534px;
    height: 594px;

    margin-left: 185px;
    margin-top: 80px;
}
.eight{
    width: 1534px;
    height: 575px;

    margin-left: 185px;
    margin-top: 80px;
}
.nine{
    width: 1534px;
    height: 594px;

    margin-left: 185px;
    margin-top: 80px;
}
.ten{
    width: 1534px;
    height: 594px;
  
    margin-left: 185px;
    margin-top: 80px;
}
.eleven{
    width: 1534px;
    height: 594px;

    margin-left: 185px;
    margin-top: 300px;
}
.twelve{
    width: 1534px;
    height: 694px;
    margin-left: 185px;
    margin-top: 250px;
  
}
.fourteen{
    width: 1534px;
    height: 650px;
    margin-left: 185px;
    margin-top: 30px;

    position: relative;
}

.fifteen{
    width: 1534px;
    height: 400px;
    margin-left: 185px;
    margin-top: 10px;
  
}